<style lang="stylus" scoped>
  .gtb-layer
    width: 90%;
    border-radius: 1rem;
    box-shadow: 0.3rem 0.4rem 1rem rgba(0,0,0,.8);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    font-size: 0;
    border: .2rem solid #eecf7a;
    background-color: #000;
    box-sizing: border-box;
    margin-top 30%;
    margin-left 50%
    transform translateX(-50%)
    .gtb-layer-top
      position: relative;
      font-size: 0;
      height: 4rem;
      .gtb-layer-close
        position: absolute;
        z-index: 101;
        border-radius: 100rem;
        right: .7rem;
        top: .7rem;
        display: block;
        width: 2.4rem;
        height: 2.4rem;
        box-shadow: 0.15rem 0.2rem 0.5rem rgba(40,50,100,.7);
        img 
          width 100%
          height 100%
      .gtb-layer-title
        padding-bottom: .5rem;
        text-align: center;
        width: 100%;
        line-height: 4rem;
        font-size: 1.4rem;
        color: #fff;
        text-shadow: 0.1rem 0.2rem 0.4rem rgba(40,50,100,.7);
    .gtb-layer-content
      min-height: 4rem;
      height: auto;
      color: white;
      padding: 0 1.5rem;
      .userInfo
        box-sizing: border-box;
        .key-Introduce
          font-size: 1rem;
          color: white;
          display: block;
          text-align: left;
          padding-top: 1rem;
    .gtb-layer-bottom
      height: 1.5rem;
      font-size: 0;
</style>

<template>
    <div class="gtb-layer" >
      <div class="gtb-layer-top">
        <a class="gtb-layer-close" @click="this.$parent.rechargebtn">
          <img src="../assets/close.png">
        </a>
        <h3 class="gtb-layer-title">分红说明</h3>
      </div>
      <div class="gtb-layer-content">
        <div class="userInfo">
          <p class="key-Introduce">下注的同时，消耗GTBC使用该注中蓝色球的号码参与分红，若与本期开奖的蓝色球号码不同，则可持续分红。玩家投注的40%流入奖池，40%流入分红池，20%平台留存。每期开奖后，分红池按个人持有分红数量/玩家总分红数量的比例进行分配</p>
        </div>
      </div>
      <div class="gtb-layer-bottom"></div>
    </div>
</template>

<script>
export default {
  methods:{
    change(){
      this.$router.push("/invitation")
    }
  }
};
</script>
